.js-silder{
position: relative;
min-width: 1200px;
        height:500px;
}
.silder-scroll{
width: 100%;
        height:500px;
overflow: hidden;
        position: absolute;
        z-index: 999;
}
.silder-main{
position: relative;
width: 100%;
        height:500px;
overflow: hidden;
}
.silder-main-img{
position: absolute;
top: 0;
left: 0;
        height:500px;
width: 100%;
        background-size:auto 500px !important;
}
.js-silder-ctrl{
width: 100%;
        position: absolute;
        top: 0px;
        height: 500px;
text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
position: absolute;
        z-index: 1000;
top: 0;
width: 8%;
height: 100%;
vertical-align: middle;
cursor: pointer;
color: #fff;
font-family: "宋体";
font-size: 52px;
font-weight: 600;
text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
left: 50%;
        margin-left:-600px;
text-align: left;
}
.silder-ctrl-next{
right: 50%;
        margin-right:-600px;
text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
position: absolute;
top: 50%;
margin-top: -40px;
        padding: 0px 10px;
        padding-bottom: 10px;
}
.silder-ctrl-prev>span:hover,
.silder-ctrl-next>span:hover{
        background: #000;
        opacity: 0.6;
}
.silder-ctrl-prev>span{
left: 0;
}
.silder-ctrl-next>span{
right: 0;
}
.silder-ctrl-con{
display: inline-block;
width: 4%;
padding: 10px 0;
margin: 0 10px;
cursor: pointer;
        margin-top: 450px;
}
.silder-ctrl-con>span{
display: block;
line-height: 0;
text-indent: -9999px;
overflow: hidden;
padding: 5px 0;
cursor: pointer;
background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
background-color: #7bbedf;
}

@media (max-width: 768px){
.silder-ctrl-prev,
.silder-ctrl-next{
width: 10%;
font-size: 26px;
margin-top: -25px;
}
.silder-ctrl-con{
width: 14px;
height: 14px;
padding: 0;
margin: 0 5px;
}
.silder-ctrl-con>span{
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
padding: 0;
}
}